@extends('home.layouts._master')
@section('content')
<div id="navv">
    <div class="focus">
        <div class="focus-a">
            <div class="fouc-font">
                <a href="#">全部商品分类</a>
            </div>
        </div>
        <!--左边导航-->
        <div class="dd-inner">
            @foreach($oneCategory as $category)
            <div class="font-item">
                <div class="item fore1">
                    <h3>
                        <a class="da_zhu" href="{{route('home.lists',$category)}}">{{$category['title']}}</a>
                        <p>
                            @foreach($category->category as $v=>$twoCategory)
                                @if($v<3)
                                    <a href="{{route('home.lists',$twoCategory)}}">{{$twoCategory['title']}}</a>
                                @endif
                            @endforeach
                        </p>
                    </h3>
                    <i>></i>
                </div>
                <div class="font-item1">
                    <div class="font-lefty">
                        @foreach($category->category as $twoCategory)
                        <dl class="fore1">
                            <dt><a href="{{route('home.lists',$twoCategory)}}">{{$twoCategory['title']}}<i>></i></a></dt>
                            <dd>
                                @foreach($twoCategory->category as $threeCategory)
                                <a href="{{route('home.lists',$threeCategory)}}">{{$threeCategory['title']}}</a>
                                 @endforeach
                            </dd>
                        </dl>
                         @endforeach
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</div>
<!--轮播图-->
<div id="lunbo">
    <ul id="one">
        @foreach($sliders as $slider)
        <li><a href="{{$slider['url']}}"><img src="{{$slider['image']}}" style="width: 1920px;height:451px;"></a></li>
            @endforeach
    </ul>
    <ul id="two">
        <li class="on">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
    </ul>
    <!--轮播图左右箭头-->
    <div class="slider-page">
        <a href="javascript:void(0)" id="left"><</a>
        <a href="javascript:void(0)" id="right">></a>
    </div>
</div>
<!--快速通道栏-->
<div class="kuanjlan">
    <ul class="clearfix">
        <li>
            <div class="list-li-box">
                <a class="list-img" href="http://shop.qixu123.cn/content/1" data-code="index01004-1">
                    <img src="{{asset('org/home/images')}}/meinv_1.jpg">
                    <span class="list-bg"></span>
                    <div class="list-cont">
                        <p class="cont-item"><span>羽饰</span></p>
                        <p class="cont-tile">秋季来点羽毛元素</p>
                        <p class="cont-info">让你更加美丽迷人</p>
                    </div>
                </a>
            </div>

        </li>
        <li>
            <div class="list-li-box">
                <a class="list-img" href="http://shop.qixu123.cn/content/2" data-code="index01004-2">
                    <img src="{{asset('org/home/images')}}/meinv_2.jpg">
                    <span class="list-bg"></span>
                    <div class="list-cont">
                        <p class="cont-item"><span>原宿风</span></p>
                        <p class="cont-tile">个性夸张美衣</p>
                        <p class="cont-info">潮流原宿风</p>
                    </div>
                </a>
            </div>

        </li>
        <li>
            <div class="list-li-box">
                <a class="list-img" href="http://shop.qixu123.cn/content/3" data-code="index01004-3">
                    <img src="{{asset('org/home/images')}}/meinv_3.jpg">
                    <span class="list-bg"></span>
                    <div class="list-cont">
                        <p class="cont-item"><span>皮裤</span></p>
                        <p class="cont-tile">高腰修身皮裤</p>
                        <p class="cont-info">轻松享受女神感觉</p>
                    </div>
                </a>
            </div>

        </li>
        <li>
            <div class="list-li-box">
                <a class="list-img" href="http://shop.qixu123.cn/content/4" data-code="index01004-4">
                    <img src="{{asset('org/home/images')}}/meinv_4.jpg">
                    <span class="list-bg"></span>
                    <div class="list-cont">
                        <p class="cont-item"><span>服装</span></p>
                        <p class="cont-tile">变身女神范儿</p>
                        <p class="cont-info">几种搭配轻松打造</p>
                    </div>
                </a>
            </div>
        </li>
    </ul>
</div>
@foreach($oneCategory as $k=>$category)
    @if($k<3)
<div class="chengc_jvz">
    <div class="slideTxtBox">
        <div class="hd">
            <h1>
                <p>{{$category['title']}}</p>
                <p class="yingw_">Office furniture</p>
            </h1>
            <ul>
                @foreach($category->category as $v=>$twoCategory)
                    @if($v<3)
                <li>{{$twoCategory['title']}}</li>
                    @endif
                @endforeach
            </ul>
        </div>
        <div class="bd">
            @foreach($category->category as $twoCategory)
            <ul>
                <div class="pangb_daoh">
                    <h1><a href="#"><img src="{{asset('org/home/images')}}/de111.jpg"></a></h1>
                    <div class="kuas_daoh_houm">
                        @foreach($twoCategory->category as $threeCategory)
                        <a href="{{route('home.lists',$threeCategory)}}">{{$threeCategory['title']}}</a>
                            @endforeach
                    </div>
                </div>
                <div class="you_lirb you_lirb_hou">
                    <div class="shang_buf">
                        @foreach($twoCategory->getGoods() as $good)
                        <div class="you_shangp_lieb ">
                            <a href="{{route('home.content',$good)}}"><img class="you_tup_k" src="{{$good['picture'][0]}}"></a>
                            <a href="{{route('home.content',$good)}}" class="_you_neir_biaot">{{$good['title']}}</a>
                            <span>¥{{$good['price']}}</span>
                        </div>
                        @endforeach
                    </div>
                </div>
            </ul>
            @endforeach
        </div>
    </div>
</div>
    @endif
@endforeach
<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
<script type="text/javascript">jQuery(".slideTxtBox2").slide();</script>
<script type="text/javascript">jQuery(".slideTxtBox3").slide();</script>
<script type="text/javascript">jQuery(".slideTxtBox4").slide();</script>
<!--广告图-->
<div class="tes_shnagp_beij">
    <div class="tes_shangp">
        <div class="neir_biaot">
            <p>特色商品</p>
            <p class="yingw">featured</p>
        </div>
        <div class="tes_shangp_neir_k">
            @foreach($goods as $good)
            <div class="tes_xiaot_neir" style="margin-left: 3px">
                <a href="{{route('home.content',$good)}}">
                    <h1><img class="tes_xiaot_dongh" src="{{$good['picture'][0]}}"></h1>
                    <h2>{{$good['title']}}</h2>
                    <span>¥ {{$good['price']}}</span>
                </a>
            </div>
                @endforeach
        </div>
    </div>

    <div class="rem_shangp">
        <div class="neir_biaot">
            <p>热门商品</p>
            <p class="yingw">Hot commodity</p>
        </div>
        <div class="rem_shangp_beij_k">
            <!---->
            <div class="picScroll_left">
                <div class="hd">
                    <ul></ul>
                </div>
                <div class="bd">
                    <ul class="picList">
                        @foreach($hotGoods as $hotGood)
                        <li style="width: 210px;margin-left: 5px">
                            <div class="pic"><a href="{{route('home.content',$hotGood)}}"><img src="{{$hotGood['picture'][0]}}" /></a></div>
                            <div class="title"><a href="{{route('home.content',$hotGood)}}">{{$hotGood['title']}}</a><span>¥ {{$hotGood['price']}}</span></div>
                        </li>
                            @endforeach
                    </ul>
                </div>
            </div>
            <!---->
        </div>
    </div>
</div>

<script type="text/javascript">
    jQuery(".picScroll_left").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:2 ,trigger:"click"});
</script>
@endsection
